// @/components/knowledge-base/components/SpecParameters.jsx
import React from "react";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { Cable, Columns, Anchor } from "lucide-react";
import ConductorSpecManager from "@/components/knowledge-base/ConductorSpecManager";
import PoleSpecManager from "@/components/knowledge-base/PoleSpecManager";
import AnchorSpecManager from "@/components/knowledge-base/AnchorSpecManager";
import DyneemaRopeSpecManager from "@/components/knowledge-base/DyneemaRopeSpecManager";

export default function SpecParameters() {
  return (
    <Tabs defaultValue="conductor" className="w-full">
      <TabsList className="grid grid-cols-4 mb-6">
        <TabsTrigger value="conductor" className="flex items-center gap-2">
          <Cable className="w-4 h-4" />
          导线规格
        </TabsTrigger>
        <TabsTrigger value="pole" className="flex items-center gap-2">
          <Columns className="w-4 h-4" />
          电杆规格
        </TabsTrigger>
        <TabsTrigger value="anchor" className="flex items-center gap-2">
          <Anchor className="w-4 h-4" />
          地锚规格
        </TabsTrigger>
        <TabsTrigger value="rope" className="flex items-center gap-2">
          <Cable className="w-4 h-4" />
          迪尼玛绳规格
        </TabsTrigger>
      </TabsList>
      
      <TabsContent value="conductor">
        <ConductorSpecManager />
      </TabsContent>
      <TabsContent value="pole">
        <PoleSpecManager />
      </TabsContent>
      <TabsContent value="anchor">
        <AnchorSpecManager />
      </TabsContent>
      <TabsContent value="rope">
        <DyneemaRopeSpecManager />
      </TabsContent>
    </Tabs>
  );
}